 //找到网页上画图的位置，并且用echarts初始化这个区域
 var myChart = echarts.init(document.getElementById("idx1"));
 //配置绘图参数
 var option = {
    title:{
        text:'仪表盘参数设置——周子昂'
    },
     series:{
         type:'gauge',
        data:[{
            name:'速度',
            value:50,
        }],
        min:20,
        max:200,
         // data:[1,2,3],
         
     }
 };
 //画图
 myChart.setOption(option);
 //--------------------------------------------
  //找到网页上画图的位置，并且用echarts初始化这个区域
  var myChart2 = echarts.init(document.getElementById("idx2"));
  //配置绘图参数
  var option2 = {
      title:{
          text:'仪表盘参数设置——周子昂'
      },
      series:{
          type:'gauge',
          radius:"95%",
         data:[{
             name:'速度',
             value:80,
             title:{
                 show:true,
                 color:'red',
                 backgroundColor:'yellow',
                 fontSize:15
             },
             detail:{
                show:true,
                color:'black',
                //backgroundColor:'yellow',
                fontSize:15,
                formatter:'{value} km/s'
            },
         }],
         axisLine:{
             lineStyle:{
                 color:[
                     [0.3,'red'],//0%~10%红轴
                     [0.6,'green'],//10%~20%绿轴
                     [1,'blue'],//20%~30%蓝轴
                 ],
             },
         },
         axisLabel:{
           //  show:false,
         },
         axisTick:{
             show:false,
         },
         min:20,
         max:200,
          // data:[1,2,3],
          
      }
  };
  //画图
  myChart2.setOption(option2);
  //--------------------------------------------
  //找到网页上画图的位置，并且用echarts初始化这个区域
  var myChart3 = echarts.init(document.getElementById("idx3"));
  //配置绘图参数
  var option3 = {
      title:{
          text:'仪表盘参数设置——周子昂'
      },
      series:{
          type:'gauge',
          data:[{
             name:'',
             value:0,
             detail:{
             show:false,
            },
         }],
         min:0,
         max:60,
         startAngle:90,
         endAngle:-270,
         splitNumber:12,
         axisLabel:{
            // show:false,
            formatter:function(value){
                if(value==0){ 
                    return'';
                }else{
                    return value;
                }
                console.log(value);
                return value;
            },
         },
         //animation:false,
          // data:[1,2,3],
          
      }
  };
  myChart3.setOption(option3);

  setInterval(function(){
     var timeT=option3.series.data[0].value;
     timeT= ( timeT + 1 ) % 60;
     option3.series.data[0].value=timeT;
     option3.series.animation=(timeT !=0);
     myChart3.setOption(option3);
  },1000);